<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5编程</title>
</head>

<body>
    <!--HGROUP-->
    <hgroup>
        <h1> BookYourHotel </h1>
        <h2>Rating of the Hotels</h2>
        <h6>Local Sight Seeing</h6>
    </hgroup>
    <!--ARTICLE-->
    <article>
        <h1>The BookYourHotel Blog</h1>
        <p>This Blog is specifically designed to provide details about BookYourHotel </p>
    </article>
    <!--ASIDE-->
    <h3>Book Your Hotel</h3>
    <aside>
        <p>Get discounts on booking rooms today</p>
    </aside>
    <!--HEADER-->
    <header>
        <h1>Book Your Hotel</h1>
        <p>An easy way of booking hotels</p>
    </header>
    <!-- FOOTER -->
    <footer> Author: John Bart </footer>
    <!--NAV-->
    <nav>
        <a href="/Hotels/">Hotels</a> |
        <a href="/Rooms/">Rooms</a> |
        <a href="/Booking/">Booking</a> |
        <a href="/LocalPlaces/">Local Places</A>
    </nav>
    <!-- FIGURE -->
    <figure>
		<figcaption>Super man</figcaption>
        <img src="images/superman.png" alt="superman" width="300" height="300">
    </figure>
</body>

</html>